<!DOCTYPE html>
<html ng-app="schoolgate">
<head>
    <title>主页</title>
    <link rel='stylesheet' href='/stylesheets/header.css' />
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel='stylesheet' href='/stylesheets/reg_login.css' />
    <link rel='stylesheet' href='/stylesheets/animation.css' />
    <script src="https://api.map.baidu.com/api?v=2.0&ak=mMl4XyXODSMmvGPZ4N78LV0j"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>
    <script src="/javascripts/angular-animate.min.js"></script>
</head>
<body ng-controller="mainCtrl">
<div id="header"><a href="/">SchoolGate3D</a>
    <label for="toggle" id="switch">
        选择学校
    </label>
    <a class="router" ng-repeat="son in routers" href="/{{son.view}}"  ng-bind="son.name"></a> <!--ui-sref={{son.view}}-->
</div>
<div style="width: 100%; height: calc(100% - 36px);overflow: hidden;" class="slide">
    <!-- Created by huanggw on 2015/11/6. -->
    <div class="templete">
        <div id="mapContainer"></div>
        <div id="map2d"></div>

        <div id="gatelist">
            <div class="gatelist" ng-repeat="son in gateinfo" ng-mouseover="showgatelist()" ng-mouseout="hidegatelist()" ng-click="setValDirect($index)" ng-bind="son.gatename"></div>
        </div>

        <div id="footer">
            <div id="fullscreen" ng-click="full()" title="全屏显示"></div>
            <div id="comment" ng-click="commentview()" title="评论"></div>
            <div id="mapview" ng-click="mapview()" title="查看地图"></div>
            <div id="current" ng-mouseover="showgatelist()" ng-mouseout="hidegatelist()" ng-bind="current"></div>
        </div>

        <div id="commentContainer">
            <div style="float: left; width: 100%; overflow-y: auto; overflow-x: hidden; height: calc(100% - 10px);">
                <div ng-repeat="son in comments" class="comment" >
                    <div><a style="color: #eeeeee" href="/home/?user={{son.user}}">{{son.user}}：</a></div>
                    <div style="padding: 5px 0 5px 10px" ng-bind="son.comment"></div>
                </div>
            </div>
            <div id="pageContainer">
                <tm-pagination conf="paginationConf"></tm-pagination>
            </div>
            <textarea name="comment" id="commentContent" placeholder="添加评论..." ng-model="commentContent"></textarea>
            <div id="like" ng-class="{notlike: likeStatus==0, like: likeStatus==1}" ng- ng-click="like()" title="喜欢" ng-bind="likenum"></div>
            <input type="button" value="发表" id="commentSubmit" ng-click="commentSubmit()">
        </div>

        <div id="story" ng-bind="story"></div>

        <input id="toggle" type="checkbox">
        <div id="panel"></div>
        <label for="toggle" class="close" id="pclose" ng-click="hidelistC()" title="关闭"></label>
        <div class="option parent" id="city" ng-click="setCity()" ng-bind="city" title="{{city}}"></div>
        <div class="option parent" id="name" ng-click="setSchool()" ng-bind="school" title="{{school}}"></div>
        <div class="option parent" id="campus" ng-click="setCampus()" ng-bind="campus" title="{{campus}}"></div>
        <div class="option parent" id="schoolgate" ng-click="setGate()" ng-bind="gate" title="{{gate}}"></div>
        <div id="listContainer">
            <div id="array"></div>
            <div id="list">
                <div class="option son" ng-repeat="son in list" ng-click="setVal($index)" ng-bind="son.name"></div>
                <!--<div class="option son" ng-show="type==2" ng-repeat="son in list" ng-click="setVal($index)" ng-bind="son.schoolname"></div>
                <div class="option son" ng-show="type==3" ng-repeat="son in list" ng-click="setVal($index)" ng-bind="son.campusname"></div>
                <div class="option son" ng-show="type==4" ng-repeat="son in list" ng-click="setVal($index)" ng-bind="son.gatename"></div>-->
            </div>
        </div>

        <div id="tip">
            <div style="border-bottom: 1px solid rgba(39, 39, 39, 0.9); line-height: 30px; text-align: center">提示</div>
            <div style="line-height: 20px; padding: 5px" ng-bind="tips"></div>
            <div id="confirmTip" ng-click="confirmTip()">确认</div>
        </div>
    </div>
</div>
<script src="/javascripts/server.js"></script>
<script src="/javascripts/index.js"></script>
<script src="/javascripts/tm.pagination.js"></script>
</body>
</html>
